<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购试做</title>
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/carts.css">
    <!-- 1. 引入插件样式 -->
    
    <style>
    </style>
</head>

<body>
    <!--开始排版-->
    <!--顶部通栏-->
    <header class="topl">
        <div class="contents top1">
            <a href="index.html" class="wz">legochina.cn</a>
            <p>欢迎光临<a href="index.html">乐购</a>，请
                <a href="login.html">登录</a><span>\</span>
                <a href="post.html" id="post">注册</a>
            </p>
        </div>
        <!--顶部导航栏-->
    </header>
    <div class="contents topnav cf">
        <form class="search" action="###" method="get">
            <input type="text" name="wd" placeholder="创意文具"/>
            <button type="button" value=""><img src="images/seach01.jpg"></button>
        </form>
        <img src="images/settle01.jpg" class="logo">
        <p class="fr1">配送至<div class="form-group" id="main">
            　　　　<select class="form-control" ><option>四川省</option>
            　　　　</select>
            　　　　<select class="form-control" ><option>成都市</option>
            　　　　</select>
            　　　　<select class="form-control"><option></option>
            　　　　</select>
            </div></p>
        
        

    </div>
   <!--购物表格生成     colspan="2"-->
       <div class="contents gwc1">
           <h2>填写并核对订单信息</h2>   
       </div> 
       <section id="cartbox" class="contents">
        <table>
          <thead>
            <tr class="tcenter">
              <td><input type="checkbox" class="selectall" />全选</td>
              <td>商品</td>
              <td>单价</td>
              <td>数量</td>
              <td>小计</td>
              <td>操作</td>
            </tr>
          </thead>
          <tbody>
            <tr>
                <td class="tcenter"><input type="checkbox" class="singlk" /></td>
                <td>
                  <img src="images/book001.jpg" alt="" />
                  从你的全世界路过
                </td>
                <td class="singprice">41.00</td>
                <td class="clearfix contet">
                  <a class="fl reducebtn">-</a>
                  <input type="text" class="num fl" value="1" />
                  <a class="fl addbtn">+</a>
                </td>
                <td  class="price">41.00</td>
                <td>
                  <a class="delbtn"> 删除</a>
                </td>
              </tr>
    
              <tr>
                <td class="tcenter"><input type="checkbox" class="singlk" /></td>
                <td>
                  <img src="images/book001.jpg" alt="" />
                  从你的全世界路过
                </td>
                <td class="singprice">41.00</td>
                
                    <td class="clearfix contet">
                  <a class="fl reducebtn">-</a>
                  <input type="text" class="num fl" value="1" />
                  <a class="fl addbtn">+</a>
                </td>
                <td class="price">41.00</td>
                <td>
                  <a class="delbtn"> 删除</a>
                </td>
              </tr>
    
          </tbody>
          <tfoot>
            <tr>
              <td class="tcenter"><input type="checkbox" class="selectall"/>全选</td>
              <td>
                <a class="delbtn1">删除选中商品</a>
              </td>
              <td colspan="2">已选择<span id="sumselect">0</span>件商品</td>
  
              <td>总价<span id="totalprice">0.00</span></td>
              <td>
                <a href="#"> <span class="bgcf60">去结算</span></a>
              </td>
            </tr>
          </tfoot>
        </table>
      </section>
    <!-- 猜你喜欢的内容 -->
    <div class="contents likes">
       <h2><p>猜你喜欢</p></h2>
        <ul>
           
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/likes002.jpg">
                    <p><img src="images/recommend02.jpg"></p>
                    
                    <p>&nbsp;白夜行&emsp;东野上吾</p>
                    <p><img src="images/likes003.jpg"></p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
        </ul>
   
</div>
    
    
    <!-- 推广的底部广告 -->
    <div class="contents banner4">
       
                <a href="##"><img src="images/banner001.jpg"></a>
           
    </div>
     <!-- 广告下面的图标 -->
    <div class="banner2">
        <div class="contents banner3">
            <ul>
                <li>
                    <img src="images/ba01.png">
                </li>
                <li>
                    <img src="images/ba02.png">
                </li>
                <li>
                    <img src="images/ba03.png">
                </li>
                <li>
                    <img src="images/ba04.png">
                </li>
            </ul>
        </div>
    </div>
    <!-- 推广下面的底部广告 -->
    <div class="contents bannerlast cf">
        <ul>
            <li>
                <h4>购物指南</h4>
                <p>
                    <a href="###">购物流程</a>
                </p>
                <p>
                    <a href="###">发票制度</a>
                </p>
                <p>
                    <a href="###">账户管理</a>
                </p>
                <p>
                    <a href="###">会员优惠</a>
                </p>
            </li>
            <li>
                <h4>支付方式</h4>
                <p>
                    <a href="###">货到付款</a>
                </p>
                <p>
                    <a href="###">网上支付</a>
                </p>
                <p>
                    <a href="###">礼品卡支付</a>
                </p>
                <p>
                    <a href="###">银行转账</a>
                </p>
            </li>
            <li>
                <h4>订单服务</h4>
                <p>
                    <a href="###">订单配送查询</a>
                </p>
                <p>
                    <a href="###">订单状态说明</a>
                </p>
                <p>
                    <a href="###">自助取消订单</a>
                </p>
                <p>
                    <a href="###">自助修改订单</a>
                </p>
            </li>
            <li>
                <h4>退换货服务</h4>
                <p>
                    <a href="###">退换货政策</a>
                </p>
                <p>
                    <a href="###">自助申请退换货</a>
                </p>
                <p>
                    <a href="###">退换货进度查询</a>
                </p>
                <p>
                    <a href="###">退款方式和时间</a>
                </p>
            </li>
            <li>
                <h4>商家服务</h4>
                <p>
                    <a href="###">商家中心</a>
                </p>
                <p>
                    <a href="###">运营服务中心</a>
                </p>
                <p>
                    <a href="###">加入尾品汇</a>
                </p>
            </li>
            <li>
                <img src="images/d01.jpg">
            </li>


        </ul>
    </div>
    <!-- 页面的底部页脚 -->
    <div class="contents lfot">
        <p class="lik">
            <a href="###" class="lf1">公司简介</a>
            <a href="###">Investor Relations</a>
            <a href="###">网址联盟</a>
            <a href="###">乐购招商</a>
            <a href="###">机构销售</a>
            <a href="###">手机乐购</a>
            <a href="###">官方Blog</a>
            <a href="###">热词搜索</a>
        </p>
        <p>Copyright &copy; 乐购网 2014-2016, All rights reserved </p>
    </div>
   <!-- 页面的左边导航 -->
    
      <!-- 页面的右边导航 -->
      





    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>

   
    <script src="js/dizhi.js"></script>
    
    

    <!-- 4. 引入当前页面js文件 -->
    <script src="js/carts.js"></script>
   
</body>

</html>